import React from 'react';
import LeftNav from '../component/leftNav';
import RouterView from '../router/ViewsRouter.jsx';
import routes from '../router/router.config.js';
import './App.css';
import 'antd/dist/antd.css';
function App() {
  let list = React.useMemo(() => {
    return routes.filter((item) => item.isNav);
  }, [routes]);
  return (
    <div className="App">
      <div className="Apptop"></div>
      <div className="Appmain">
        <div className="Appleft">
          <LeftNav />
        </div>
        <div className="Appright">
          <RouterView router={list}></RouterView>
        </div>
      </div>
      <div className="Apptop"></div>
    </div>
  );
export default App;
